{extend name="base"}
{block name="content"}

<div class="main_div">

						<div class="ty_box">
							<form class="form-inline" method="get">
							<div class="d_ty_head">
								<b class="e_d_t_title">商品列表<span>Goods List</span></b>
								<div class="e_d_div">
									<div class="e_d_div">
										<div class="u_s_val">
											<select name="cate_id" class="u_s_v1">
                                 
								<option value="" {if $Think.get.cate_id=='' }selected{/if}>全部分类 </option> {foreach $categorys as $v} <option

								 value="{$v.id|htmlentities}" {if $Think.get.cate_id==$v.id}selected{/if}>{$v.name} </option> {/foreach} </select>
										
										</div>

										<div class="searchs_div one">
											<div class="s_input">
												<i class="iconfont icon-chaxun"></i>
												<input type="text" placeholder="输入关键字查询" value="{$Think.get.name|default=''|htmlentities}" name="name">
												
											</div>
										</div>
									</div>
								</div>
							</div>
							</form>
							<div class="ty_b_add" onclick="window.location.href='/merchant/goods/add'">
								<i class="iconfont icon-plus"></i>添加商品
							</div>
							<ul class="ty_b_list">
								<li class="ty_l_head">
									<div class="ty_l_d1"><input type="checkbox" id="select_all"></div>
									<div class="ty_l_d1" >商品分类</div>
									<div class="ty_l_d3">排序</div>
									<div class="ty_l_d3" style="width: calc(100% - 1200px)">商品名称</div>
									<div class="ty_l_d1">价格</div>
									<div class="ty_l_d3" style="width: 150px;">库存</div>
									<div class="ty_l_d3" style="width: 150px;">卖出</div>
									<div class="ty_l_d1">上下架</div>
									<div class="ty_l_d1" >授权码</div>
									<div class="ty_l_d3" style="width:150px;">设置代理价格</div>
									<div class="ty_l_d6" style="width: 230px">操作</div>
								</li>
								{foreach $goodsList as $v}
								<li class="ty_l_li">
									<div class="ty_l_d1"><input type="checkbox" name="good_id" value="{$v.id|htmlentities}"></div>
									<div class="ty_l_d1">{$v.category.name|default="未分类"}</div>
									<div class="ty_l_d3">{$v.sort}</div>
									<div class="ty_l_d3" style="width: calc(100% - 1200px)">{$v.name}
										{if $v.wholesale_discount==1}
										<span class="label label-success">批</span>
										{/if}
										{if $v.coupon_type==1}
										<span class="label label-pink">券</span>
										{/if}
										{if $v.take_card_type!=0}
										<span class="label label-primary">取</span>
										{/if}
										{if $v.visit_type==1}
										<span class="label label-danger">密</span>
										{/if}
									</div>
									<div class="ty_l_d1"><i class="color_f">{$v.price}</i>元</div>
									<div class="ty_l_d3" style="width: 150px;"><?php echo $v->cards_stock_count; ?>张

										<a href="/merchant/goods_card/index?goods_id={$v.id}&status=1" style="color: #9599f9;">查看</a>

										<a class="dumpCard" href="javascript:;" data-id="{$v.id}" data-goodsname="{$v.name}" style="color: #9599f9;">导出</a>

										<a href="javascript:void(0);" onclick="emptied(this,{$v.id})" style="color: #9599f9;">清空</a></div>
									<div class="ty_l_d3" style="width: 150px;">
												<?php echo $v->cards_sold_count; ?>张

										<a href="/merchant/goods_card/index?goods_id={$v.id}&status=2" style="color: #9599f9;">查看</a>

										<a href="/merchant/goods/dumpCards?goods_id={$v.id}&status=2" target="_blank" style="color: #9599f9;">导出</a>
									</div>
									<div class="ty_l_d1">
										
										   {if $v.status == 1}
												<span class="ty_state ty_state_1" data-id="{$v.id}" data-rel="{$v.status}" style="cursor: pointer">上架中</span>
											{else}
												<span class="ty_state ty_state_2" data-id="{$v.id}" data-rel="{$v.status}" style="cursor: pointer">已下架</span>
											{/if}
											
									</div>
							    <div class="ty_l_d1">
<a href="javascript:;" onclick="showcodeList(this,{$v.id})">查看</a>
								</div>
								<div class="ty_l_d5" style="width:150px;">
                               <a href="javascript:void(0);" onclick="addProxy(this,{$v.id})" class="ty_l_btn ">添加代理价格</a>
								</div>
								<div class="ty_l_d6" style="width: 230px">
								<a href="{:url('link')}?id={$v.id}" class="ty_l_btn ">链接</a>
								<a href="{:url('goods_card/add')}?goods_id={$v.id}" class="ty_l_btn">加卡</a>
								<a href="{:url('edit')}?id={$v.id}" class="ty_l_btn active">编辑</a>
								
								<a href="javascript:void(0);" class="ty_l_btn ty_l_delete t_btn_delete" data-id="{$v.id}">删除</a>
								
								

									</div>
								</li>
								{/foreach}
							</ul>
							<div class="ty_b_footer">
								<style>
								.pagination li{
									float: left; 
									margin-left: 10px;
									padding: 0 12px;
									border: 1px solid #eee;
									height: 30px;
									line-height: 28px;
									font-size: 12px;
									color: #c1c1ca;
									letter-spacing: 1px;
									cursor: pointer;
									border-radius: 2px;}
								.pagination li:hover,
								.pagination li.active {
									background-color: #9599f9;
									color: #fff;	
								}
								.pagination li.disabled {
									display: none;
								}	 
								</style>             
								<div id="page" class="page_div">
									{$page}
								</div>
        				 </div>
						</div>
					</div>
<script>
$(function(){
	$(".test_body").addClass("goods_list");
	$(".page li").click(function(){
		window.location=$(this).children('a').attr("href");
	});
    $(".ty_state").click(function(){
		var id=$(this).data("id");
		var g_state=$(this).data("rel");
		var tips='';
		if(g_state==1){
		   tips="是否确认下架该商品，下架后该商品将无法购买！";
		   g_state=0;	
		}else{
		   tips="是否确认上架该商品！";
		   g_state=1;		
		}
		layer.open({
                content: tips,
                btn: ['确定', '取消'],
                shadeClose: false,
                title:'提示',
                yes: function(){
				$.post('/merchant/goods/changeStatus', {id:id,status:g_state}, function (res) {
					if (res.code != 0) {
						layer.msg(res.msg, {time: 1000, icon: 5});
					} else {
						layer.msg("操作成功", {time: 1000, icon: 6}, function () {
							location.reload();
						});

					}
			    })
			   }
            });
	})
	$(".t_btn_delete").click(function(){
		var id=$(this).data("id");
			layer.open({
                content: "确定删除吗？删除的商品将进入回收站！",
                btn: ['确定', '取消'],
                shadeClose: false,
                title:'提示',
                yes: function(){
				$.post('/merchant/goods/del', {id:id}, function (res) {
					if (res.code != 0) {
						layer.msg(res.msg, {time: 1000, icon: 5});
					} else {
						layer.msg("删除成功", {time: 1000, icon: 6}, function () {
							location.reload();
						});

					}
			    })
			   }
            });
	})
})

</script>
<script>
	layui.use('layer', function (layer) {
		window.addProxy = function (obj, id) {
			layer.prompt({
				title: '请输入授权价格'
			}, function (value, index, elem) {
				$.post('/merchant/goods/addPorxyCode', {
					id: id,
					value: value
				}, function (res) {
					if (res.code == 0) {
						layer.msg(res.msg);
					} else {
						layer.open({
							type: 1,
							skin: 'layui-layer-demo', //样式类名
							anim: 2,
							shadeClose: true, //开启遮罩关闭
							content: '<div style="padding:20px 10px;" >' + res.msg + '</div>',
							title: '信息'
						});
					}
				})
				layer.close(index);
			});
		}

		window.showcodeList = function (obj, id) {
			layer.open({
				type: 2,
				skin: 'layui-layer-demo', //样式类名
				anim: 2,
				shadeClose: true, //开启遮罩关闭
				content: '/merchant/goods/codelist?id=' + id,
				title: '授权码列表',
				area: ['700px', '300px']
			})
		}
		


	})

</script>
{/block}